<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>00</title>

    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/layout.css">

    <link rel="stylesheet" href="static/css/00.css">

    <style>
        .swiper-slide {
            width: 94% !important;
            /* margin: 0% 5%; */
        }
    </style>

</head>

<body class="m-body has-footer">

    <div class="m-top inline-block-container">
        <div class="m-top-left inline-block-container">
            <img src="static/img/logo.png" alt="">
            <span class="log"></span>
            <span>Super</span>
            <span style="color: #E8800C;">W</span>
            <span>allet</span>
        </div>
        <div class="m-top-right fr inline-block-container">
            <span>
                <img src="static/img/icon_head@2x.png">
                <!-- <span class="dot"></span> -->
            </span>
            <span>
                <img src="static/img/icon_order@2x.png">
                <span class="dot"></span>
            </span>

        </div>
    </div>

    <div class="m-content">

        <div style="background-color: white;padding: .1rem 0rem;">
            <div class="swiper-container">
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <img src="static/img/wallet.png" alt="" />
                    </div>
                    <div class="swiper-slide">
                        <img src="https://pic4.40017.cn/line/admin/2017/02/07/17/QKjzLD_430x270_00.jpg" alt="" />
                    </div>
                    <div class="swiper-slide">
                        <img src="https://pic5.40017.cn/02/001/e3/e5/rBLkCVubZIeAJoQiAAFf-eh8g54848_430x270_00.jpg" alt="" />
                    </div>

                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>

        </div>


        <div class="m-info-header inline-block-container mt_dot_1_rem">
            <div class="m-info-header-left inline-block-container">
                <img src="static/img/icon_news@2x.png" alt="">
                <span style="color: #E8800C;">最新资讯:</span>
                <span>香港计划监管数字货币交易</span>
            </div>
            <div class="m-info-header-right fr inline-block-container">
                <span>更多&gt;</span>
            </div>
        </div>

        <div class="m-info-list mt_dot_1_rem">

            <div class="m-info-list-each  inline-block-container">

                <div class="each_item each_title">代币名称</div>
                <div class="each_item each_price">最新价</div>
                <div class="each_item each_up">涨幅价</div>
                <div class="each_item each_down">涨跌价</div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>
            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>

            <div class="m-info-list-each inline-block-container">
                <div class="each_item each_title">
                    <div>比特币11</div>
                    <div>BTC1</div>
                </div>

                <div class="each_item each_price">
                    <span>6391.45</span>
                </div>

                <div class="each_item each_up">
                    <span>+0.57%</span>
                </div>
                <div class="each_item each_down">
                    <span>+0.57%</span>
                </div>

            </div>









        </div>
    </div>

    <div class="footer-nav inline-block-container">

        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">首页</a>
        </div>

        <div class="footer-nav-each active">
            <div class="footer-nav-each-img"></div>
            <a href="">行情</a>
        </div>

        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">交易</a>
        </div>

        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">场外</a>
        </div>
        <div class="footer-nav-each">
            <div class="footer-nav-each-img"></div>
            <a href="">钱包</a>
        </div>


    </div>


    <script src='static/js/jquery-1.8.2.min.js'></script>
    <script src="static/js/common.js"></script>


    <link rel="stylesheet" href="static/plugins/swiper/swiper.min.css" />
    <script src="static/plugins/swiper/swiper.min.js"></script>

    <link rel="stylesheet" href="static/plugins/layer/mobile/need/layer.css">
    <script src="static/plugins/layer/mobile/layer.js"></script>

    <script type="text/javascript">
        $(function () {

            var swiper = new Swiper('.swiper-container', {
                pagination: {
                    el: '.swiper-pagination',
                },
                watchSlidesProgress: true,
                slidesPerView: 'auto',
                autoplay: false,
                centeredSlides: true,
                loop: true,
                on: {
                    progress: function (progress) {
                        for (i = 0; i < this.slides.length; i++) {
                            var slide = this.slides.eq(i);
                            var slideProgress = this.slides[i].progress;
                            modify = 1;
                            if (Math.abs(slideProgress) > 1) {
                                modify = (Math.abs(slideProgress) - 1) * 0.5 + 1;
                            }
                            translate = slideProgress * modify * 30 + 'px';
                            scale = 1 - Math.abs(slideProgress) / 5;
                            zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                            slide.transform('translateX(' + translate + ') scale(' + scale + ')');
                            slide.css('zIndex', zIndex);
                            slide.css('opacity', 1);
                            if (Math.abs(slideProgress) > 3) {
                                slide.css('opacity', 0);
                            }
                        }
                    },
                    setTransition: function (transition) {
                        for (var i = 0; i < this.slides.length; i++) {
                            var slide = this.slides.eq(i)
                            slide.transition(transition);
                        }

                    }
                }

            });

            $(".bottom-btn").click(function () {

                layer.open({
                    title: [
                        '提示',
                        'background-color: #6AA5F5; color:#fff;'
                    ],
                    anim: 'up',
                    content: '系统检测到您还没有绑定收款方式,<br />请到少绑定一种收款方式后,<br />再进行交易',
                    btn: ['确定', '取消'],
                    yes: function (index) {
                        alert(1);
                        layer.close(index);
                    }
                });
            });




        });


    </script>

</body>

</html>